/*
更新说明：v1.2版
使用JS暂时解决注释问题，不需要分版本了
*/

/*预设文本样式*/

body{
	padding: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 1%;
	margin-right: 1%;
	line-height: 130%;
	text-align: justify;
}
h1{
	line-height: 120%;
	text-align: center;
	font-weight: bold;
	font-size: 1.65em;
	margin-top: 0.1em;
	margin-bottom: 0.4em;
}
h2{
	line-height: 120%;
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}
h3{
	font-size: 0.95em;
	line-height: 120%;
	text-align: center;
	text-indent: 0em;
	font-weight: bold;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
h4{
	font-size: 1.5em;
	text-align: center;
	line-height: 1.2em;
	text-indent: 0em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1.5em;
}
div{
	margin: 0px;
	padding: 0px;
	text-align: justify;
    font-family:"DK-SYMBOL";
}
p{
	text-indent: 2em;
	display: block;
	line-height: 1.3em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}




/*图片相关*/

.illus{
	text-indent: 0em;
	text-align: center;
}
.cover{
	margin: 0em;
	padding: 0em;
	text-indent: 0em;
	text-align: center;
}
.coverborder{
	border-style: none solid none solid;
	border-color: #000000;
	border-width: 1px;
}




/*logo相关*/

.logo-img{
	text-align: center;
	margin-top: 30%;
	margin-bottom: 1em;
}
.maker{
	font-weight: bold;
	text-indent: 0em;
	text-align: center;
}
.logo-width{
	width:100%;
}
.logo-font{
    margin-top: -0.3em;
	text-indent: 0em;
}
.cut-line{
	text-indent: 0em;
	line-height: 0%;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}




/*预设格式相关样式*/

.right{
	text-indent: 0em;
	text-align: right;
}
.left{
	text-indent: 0em;
	text-align: left;
}
.center{
	text-indent: 0em;
    text-align: center;
}
.zin{
    text-indent: 0em;
}
.bold{
    font-weight: bold;
}
.stress{
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
.author{
	font-size: 1.2em;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	margin-right: 1em;
}
.dash-break{
	word-break: break-all;
	word-wrap: break-word;
}
.no-d{
	text-decoration: none;
}
.bc{
	border-collapse: collapse;
}
.dash-break{
	word-break: break-all;
	word-wrap: break-word;
}
.message{
	text-indent: 0em;
	line-height: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
.meg{
	font-size: 1.3em;
	text-indent: 0em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}




/*文字大小*/

.em05{
    font-size: 0.5em;
}
.em06{
    font-size: 0.6em;
}
.em07{
    font-size: 0.7em;
}
.em08{
    font-size: 0.8em;
}
.em09{
    font-size: 0.9em;
}
.em11{
    font-size: 1.1em;
}
.em12{
    font-size: 1.2em;
}
.em13{
    font-size: 1.3em;
}
.em14{
    font-size: 1.4em;
}
.em15{
    font-size: 1.5em;
}
.em16{
    font-size: 1.6em;
}
.em17{
    font-size: 1.7em;
}
.em18{
    font-size: 1.8em;
}
.em19{
    font-size: 1.9em;
}
.em20{
    font-size: 2em;
}




/*预设目录样式*/

.contents{
	text-indent: 0em;
    padding: 0.5em 0 0.4em 0;
    margin-bottom: 0.7em;
    font-weight: bold;
}
.mulu{
	text-indent: 0em;
	text-align: center;
}




/*预设title样式*/

.title-width{
    width: 100%;
}
.bb{
    border-bottom: 3px solid #000000;
}
.blb{
    border-left: 3px solid #000000;
    border-bottom: 3px solid #000000;
}
.bl{
    border-left: 3px solid #000000;
}
.br{
    border-right: 3px solid #000000;
}
.brt{
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
}
.bt{
    border-top: 3px solid #000000;
}


/*多看日文假名显示*/

.jp{
	font-family: "DK-XIAOBIAOSONG";
}


/*格校着重号*/

.dot{
    font-weight: bold;
}
.dot1{
	-webkit-text-emphasis-style: filled dot;
	-webkit-text-emphasis-position:under;
}


/*预设注释样式*/

.footnote {
    height: 1.2em!important;
    width: auto;
    border:0;
}
.duokan-footnote {
    height: 1.2em!important;
    width: auto;
    border: 0;
    color:blue;/*这里调整"[注]"符号的字体颜色*/
}
.duokan-footnote-item {
    text-indent: 0em;
    font-family: "DK-SONGTI";
    text-shadow: 0em 0em 0.1em #000000;/*这里调整注释文字的阴影颜色*/
    font-size: 0.9em;
    text-align: left;
}
sup {
    font-size: 0.75em;
    line-height: 1.2;
    vertical-align: super!important;
}

/*图片允许放大*/

/*
html代码：

<div class="duokan-image-single illus"><img alt="图片名" src="../Images/图片名.jpg" /></div>
*/
/*多看日文假名显示*/

/*
请在“查找——正则表达式”模式下进行替换所有操作：
	查找：([あ-ヶ]+[あ-ヶ])
	替换：<span class="jp">\1</span>
*/

/*
多看与ibook注释

html代码：

<a class="duokan-footnote no-d" epub:type="noteref" href="#n1" id="A_1"><sup><img alt="note" class="footnote" src="../Images/note.png" /></sup></a>

    <aside epub:type="footnote" id="n1">
      <ol class="duokan-footnote-content">
        <li class="duokan-footnote-item" id="n1" value="1">注：此处填写注释内容</li>
      </ol>
    </aside>

代码说明：
1. 请将「href="n1"」「id="n1"」「value="1"」这三段代码中的数字改为该注释的顺序
例：第3个注释的该段代码为「href="n3"」「id="n3"」「value="3"」
2. 「注：」根据不同情况可以改为其它文字，例如译者名
3. 需要加注释的请在xhtml的<head>标签里加上这句，现在只默认在section＆Illus-X＆Summary里面加。
  <script src="../Misc/notereplace.js" type="text/javascript">
</script>
4. 请记得按照书的主题颜色选择注释的颜色，并在.duokan-footnote里面修改颜色属性，在.duokan-footnote-item里面调整注释文字的阴影颜色

新版使用JS解决冲突问题，在此特别感谢幻想shawn


/*以下填写自定义css样式*/
.ss1{
	font-size: 1.3em;
}
.s{
    margin-left:12em;
}
.m1{
	color:#fff;
	text-shadow:0px 0px 4px #000000;
}
.m{
	color:#fff;
	text-shadow:0px 0px 3px #000000;
}
.s2{
	font-weight: bolder;
    -webkit-transform:rotate(-12deg);
    transform:rotate(-12deg);
}
.e1{
	font-size: 4em;
}
.eaa{
	font-size: 2.2em;
}
.e2{
	font-size: 2em;
}
.e02{
	font-size: 2.2em;
}
.e3{
	color:#fff;
	background-color:#000000;
}
.em{
	font-size: 4.8em;
}
.e01{
	font-size: 0.7em;
}
.m6{
	padding-top:3.1em;
}
.m9{
	margin-top:-3.1em;
}
.m8{
	margin-left:6.4em;
}
.m000{
	margin-left:1.5em;
}
.m0{
    width:0.7em;
    height:4.2em;
}
.s1{
    color:#E50A04;
}
.e00{
	font-size: 4.5em;
}
.c{
	color:#E30303;
}
.d{
	color:#fff;
	text-shadow:0px 0px 4px #1A0F0D;
}
.e4{
	font-size: 2.5em;
}
.c1{
	color:#84681E;
}
.c11{
	color:#000;
}
.e001{
	font-size: 1.1em;
	font-weight: bold;
}
.co3{
	font-size: 2.1em;
	color:#18296E;
}
.aaa{
	color:#fff;
	text-shadow:0px 0px 3px #0E275F;
}
.aa1{
	font-size: 2.1em;
	color:#fff;
	text-shadow:0px 0px 3px #ED4381;
}
.cir1{
    width:8em;
    height:6.5em;
    padding-top:1.5em;
    background-color:#4B6C99;
    border-radius:6em;
    margin-top:-4em;
    margin-left:22em;
}
.cir2{
    width:9.3em;
    height:7em;
    padding-top:1.8em;
    background-color:#FCC802;
    border-radius:10.0em;
    margin-top:-2em;
    margin-left:17.5em;
}
.cir3{
    width:6.5em;
    height:5.7em;
    padding-top:1em;
    background-color:#4B6C99;
    border-radius:6.0em;
    margin-top:-10.5em;
    margin-left:8.5em;
}
.cir4{
    width:9.3em;
    height:7.2em;
    padding-top:1.9em;
    background-color:#FCC802;
    border-radius:6.0em;
    margin-top:-2em;
    margin-left:2em;
}
.cir5{
    width:9.3em;
    height:6em;
    padding-top:2.5em;
    background-color:#4B6C99;
    border-radius:6.0em;
    margin-top:2.5em;
    margin-left:22em;
}
.cir6{
    width:8em;
    height:5.5em;
    padding-top:2.3em;
    background-color:#FCC802;
    border-radius:6.0em;
    margin-top:-1.5em;
    margin-left:14em;
}
.cir7{
    width:9.3em;
    height:6em;
    padding-top:2.5em;
    background-color:#4B6C99;
    border-radius:8.0em;
    margin-top:-15.8em;
    margin-left:6.5em;
}
.cir8{
    width:5.5em;
    height:3.7em;
    padding-top:2em;
    background-color:#FCC802;
    border-radius:8.0em;
    margin-top:-3.5em;
    margin-left:3em;
}
.co1{
	color:#FCC802;
}
.co2{
	color:#4B6C99;
}
.e2{
	font-size: 2.2em;
}
.e3{
	color:#fff;
	background-color:#000000;
}
/*字体*/

@font-face {
	font-family:"W1";
src:url("../Fonts/W1.ttf");
}

.W1{
   font-family:"W1";
}
@font-face {
	font-family:"W2";
src:url("../Fonts/W2.ttf");
}

.W2{
   font-family:"W2";
}
@font-face {
	font-family:"W0";
src:url("../Fonts/W0.ttf");
}

.W0{
   font-family:"W0";
}
@font-face {
	font-family:"W4";
src:url("../Fonts/W4.ttf");
}

.W4{
   font-family:"W4";
}
@font-face {
	font-family:"W5";
src:url("../Fonts/W5.ttf");
}

.W5{
   font-family:"W5";
}